<template>
    <view class="setup">
        <pagehead>平台协议</pagehead>
        <view class="content">
            <view class="item" v-for="(item,index) in arrownsList" :key="index" 
            @tap.stop="$tools.jump('/pages/setup/protocolDetail',item.id,item.name)">
                <view class="left">
                    <text>{{item.name}}</text>
                </view>
                <view class="right">
                    <view class="arrows"></view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data () {
        return {
            arrownsList:[
                {name:'用户协议',id:1},
                {name:'隐私保护政策',id:2},
                {name:'服务商展业管理规范',id:3},
                {name:'注册协议',id:4},
                {name:'隐私协议',id:5},
                {name:'服务商协议',id:6},
            ]
        };
    },
    mounted () {

    },
    methods: {

    },
};
</script>

<style lang="scss" scoped>
.setup{
    min-height: 100vh;
    background: #fff;
    .content{
        width: 93.6%;
        margin: auto;
        .item{
            @include flexBetween;
            padding-top: 28rpx;
            padding-bottom: 28rpx;
            border-bottom: 1px solid #eee;
            .left{
                @include flexLeft;
                font-weight: 600;
                font-size: 28rpx;
                color: #333333;
            }
            .img{
                width: 40rpx;
                height: 40rpx;
                margin-right: 20rpx;
            }
            .arrows{
                width:32rpx ;
                height: 32rpx;
                background: url(https://api.anyueqc.cn/pics/userimage/arrows.png) 100% no-repeat;
                background-size: 100% 100%;
            }
        }
        .item:last-of-type{
            border-bottom: none;
        }
    }
}
</style>
